var albumArea = 1;
var page = 1;

$(function () {
    $(".new_albumlist_item").click(function () {
        albumArea = $(this).attr("value");
        page=1;
        $.ajax({
            "url":"../IndexAlbumServlet",
            "data":"albumArea="+albumArea+"&page="+page,
            "type":"GET",
            "dataType":"json",
            "success":function (data) {
                $.each(data,function (index,singer) {
                    $('.album_item[data-index='+(index+1)+'] img').attr('src',singer.album.albumPoster);
                    $('.album_item[data-index='+(index+1)+'] .album_name').html(singer.album.albumName);
                    $('.album_item[data-index='+(index+1)+'] .album_singer') .html(singer.singerName);
                    $('.album_item[data-index='+(index+1)+']  .singer_id').attr('value',singer.singerId);
                    $('.album_item[data-index='+(index+1)+']  .album_id').attr('value',singer.album.albumId);
                    $('.album_item[data-index='+(index+1)+'] .js-play').attr('value',singer.album.albumId);
                })
            }
        })
    })
    $(".new_albumlist_item[value=1]").click();
})

$(function () {
    $(".album_bottom").click(function () {
        page= $(this).attr("value");;
        //alert(page);
        $.ajax({
            "url":"/IndexAlbumServlet",
            "data":"albumArea="+albumArea+"&page="+page,
            "type":"GET",
            "dataType":"json",
            "success":function (data) {
                $.each(data,function (index,singer) {
                    $('.album_item[data-index='+(index+1)+'] img').attr('src',singer.album.albumPoster);
                    $('.album_item[data-index='+(index+1)+'] .album_name').html(singer.album.albumName);
                    $('.album_item[data-index='+(index+1)+'] .album_singer') .html(singer.singerName);
                    $('.album_item[data-index='+(index+1)+']  .singer_id').attr('value',singer.singerId);
                    $('.album_item[data-index='+(index+1)+']  .album_id').attr('value',singer.album.albumId);
                    $('.album_item[data-index='+(index+1)+'] .js-play').attr('value',singer.album.albumId);
                })
            }
        })
    })
})

$(function () {
    $(".album_slide_left").click(function () {
        if(page==1){
            page=3;
        }else{
            page--;
        }
        $.ajax({
            "url":"/IndexAlbumServlet",
            "data":"albumArea="+albumArea+"&page="+page,
            "type":"GET",
            "dataType":"json",
            "success":function (data) {
                $.each(data,function (index,singer) {
                    $('.album_item[data-index='+(index+1)+'] img').attr('src',singer.album.albumPoster);
                    $('.album_item[data-index='+(index+1)+'] .album_name').html(singer.album.albumName);
                    $('.album_item[data-index='+(index+1)+'] .album_singer') .html(singer.singerName);
                    $('.album_item[data-index='+(index+1)+']  .singer_id').attr('value',singer.singerId);
                    $('.album_item[data-index='+(index+1)+']  .album_id').attr('value',singer.album.albumId);
                    $('.album_item[data-index='+(index+1)+'] .js-play').attr('value',singer.album.albumId);
                })
            }
        })
    })
})


$(function () {
    $(".album_slide_right").click(function () {
        if(page==3){
            page=1;
        }else{
            page++;
        }
        $.ajax({
            "url":"/IndexAlbumServlet",
            "data":"albumArea="+albumArea+"&page="+page,
            "type":"GET",
            "dataType":"json",
            "success":function (data) {
                $.each(data,function (index,singer) {
                    $('.album_item[data-index='+(index+1)+'] img').attr('src',singer.album.albumPoster);
                    $('.album_item[data-index='+(index+1)+'] .album_name').html(singer.album.albumName);
                    $('.album_item[data-index='+(index+1)+'] .album_singer') .html(singer.singerName);
                    $('.album_item[data-index='+(index+1)+']  .singer_id').attr('value',singer.singerId);
                    $('.album_item[data-index='+(index+1)+']  .album_id').attr('value',singer.album.albumId);
                    $('.album_item[data-index='+(index+1)+'] .js-play').attr('value',singer.album.albumId);
                })
            }
        })
    })
})

$(function () {
    $('.album_item .js-play').click(function () {
        var song_id = $(this).attr("value");
        alert(song_id)
    })
})
$(function () {
    $('.album_item .album_name').click(function () {
        var album_id = $(this).next().attr("value");
        alert(album_id)
    })
})
$(function () {
    $('.album_item .album_singer').click(function () {
        var singer_id = $(this).next().attr("value");
        alert(singer_id)
    })
})